﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仓库管理系统</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @*以下是我引用easyui的js和css*@
    @Scripts.Render("~/bundles/easyui_scripts")
    @Styles.Render("~/bundles/easyui_style")

</head>
<body class="easyui-layout">
    <div data-options="region:'north'" style="margin-bottom:5px;height:60px;padding:10px;background-color:#F0F8FF;border:none;">
        <div style="width:90%;float:left">
            <p style="font-size:21px;font-weight:600;color:black;">任我行！WMS！</p>
            </div>
        <div style="width: 10%; float: right;padding-top:10px;">
            欢迎你！
        <label id="name"></label>
            </div>
    </div>
    <div data-options="region:'west',split:true,collapsible:false,border:false" style=" width: 150px; padding: 10px;background-color:#F0F8FF;">
        <div style="padding:10px;margin-bottom:20px;border-bottom:2px solid #99CCFF;font-size:18px;font-weight:600;">
            <img src="~/images/首页.png" alt="" style="width:20%;" />
            <a href="">首页</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/采购.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('采购入库','采购表','icon-back')" rel="external nofollow">采购入库</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/销售.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('销售出库','销售表','icon-back')" rel="external nofollow">销售出库</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/货架展示.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('货位表','货位表','icon-more')" rel="external nofollow">货位表</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/入库.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('入库表','入库表','icon-undo')" rel="external nofollow">入库表</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/出库.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('出库表','出库表','icon-redo')" rel="external nofollow">出库表</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/移库.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('移库表','移库表','icon-reload')" rel="external nofollow">移库表</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/供应商.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('供应商信息','供应商表','icon-man')" rel="external nofollow">供应商信息</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/客户.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('客户信息','客户表','icon-man')" rel="external nofollow">客户信息</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/产品.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('产品信息','产品表','icon-filter')" rel="external nofollow">产品信息</a>
        </div>
        <div style="padding:10px;margin-bottom:20px;">
            <img src="~/images/展示.png" alt="" style="width:15%;" />
            <a href="javascript:openTab('模拟货架','仓库1','icon-reload')" rel="external nofollow">模拟货架</a>
        </div>
    </div>
        <div data-options="region:'center',border:false,">
            <div class="easyui-tabs" fit="true" border="false" id="tabs" closable="false;">
                <div title="首页" data-options="iconCls:'icon-lock'" style="padding:20px;display:none;">
                    @RenderBody()
                </div>
            </div>
        </div>
</body>
</html>
<script type="text/javascript">
    // 页面加载函数，进行页面保护
    $(function () {
        var name = sessionStorage.getItem('name');
        if (name == null) {
            window.location = ("/Home/登录");
        } else {
            name = name;
            document.getElementById('name').innerHTML = name;

        }
    });
    $("#首页1").bind("click", function () {
        alert("成功");
    });
    function hha() {
        $('#tt').tabs('add', {
            title: 'New Tab',
            content: 'Tab Body',
        });
    }
    function openTab(text, url, iconCls) {
        if ($("#tabs").tabs("exists", text)) {
            $("#tabs").tabs("select", text);
        } else {
            var content = "<iframe frameborder=none scrolling='no'style='width:100%;height:100%' src='/Home/" + url + "'></iframe>";
            $("#tabs").tabs("add", {
                title: text,
                iconCls: iconCls,
                closable: true,
                content: content
            });
        }
    }
</script>
